<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <title>商城，控制在25个字、50个字节以内</title>
    <meta name="keywords" content="关键词,5个左右,单个8汉字以内">
    <meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">
    <link rel="Bookmark" href="favicon.ico">

    <link href="/static/css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<#include "./common/header.ftl" />
<@person></@person>
<@headmiddle></@headmiddle>
<@navigation></@navigation>
<!--分类导航-->
<div class="container cf">
    <div class="subnavleft">
        <ul>
        <#if oneLevel??>
            <#list oneLevel as one>
                <li>
                    <a href="#"
                       onmouseover="getTwoLevlId('${one.firstLevel?c}')">${one.chineseName!}</a>
                    <div class="pop">
                        <div class="pd">
                            <div class="channel">
                                <dl class="item">
                                    <dd class="con">
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </li>
            </#list>
        </#if>
        </ul>
    </div>

    <!--banner-->
    <div class="slideBox">
        <div class="hd">
            <a class="prev iconfont" href="javascript:void(0)">&#xe697;</a>
            <ul></ul>
            <a class="next iconfont" href="javascript:void(0)">&#xe6a7;</a>
        </div>
        <div class="bd">
            <ul>
                <li><a href="#" target="_blank"><img src="img/banner.jpg"/></a></li>
                <li><a href="#" target="_blank"><img src="img/banner2.jpg"/></a></li>
                <li><a href="#" target="_blank"><img src="img/banner3.jpg"/></a></li>
            </ul>
        </div>
    </div>

    <!--公告-->
    <div class="news-h">
        <div class="news_bg">
            <div class="news_ifon">
                <h3>网站公告</h3>
            </div>
            <div class="news_list">
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
            </div>
        </div>
        <div class="news_bg mt10">
            <div class="news_ifon">
                <h3>网站公告</h3>
            </div>
            <div class="news_list">
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
                <a href="#" target="_blank">31日退货滞留件将报废</a>
            </div>
        </div>
    </div>

</div>

<div class="container cf mt20 mb20">
    <div class="product_ifon">
        <h6>新品推荐</h6>
        <i class="new-circle"></i>
        <span>NEW PRODUCT</span>
    </div>
    <ul class="detail-main">
    <#if newGoods??>
        <#list newGoods as goods>
            <li>
                <a href="/goodInfo?hfUid=${goods.hfUid?long?c}" target="_blank">
                    <div class="main-pic">
                        <img class="lazy" data-original="${goods.bigPicture!}"/>
                    </div>
                    <div class="main-w">
                        <h1>${goods.title}</h1>
                        <div class="bar-tz">
                            <div class="txse">￥${goods.taobaoPrice / 100}</div>
                            <div class="text"><i>￥</i>${goods.wholesalePrice / 100}</div>
                            <div class="prog">
                                <span class="tag"></span>
                                <span class="tag2"></span>
                            </div>
                            <div class="txse1">原价</div>
                            <div class="text2">会员价</div>
                        </div>
                        <div class="status-banner">
                            <span>上架时间：${(goods.createTime)?string("yyyy-MM-dd")!}</span>
                            <button type="button" class="buyaction">立即查看</button>
                        </div>
                    </div>
                </a>
            </li>
        </#list>
    </#if>
    </ul>
    <div class="ggt">
        <a href="#" target="_blank">
            <img class="lazy" data-original="img/2.jpg"/>
        </a>
    </div>
</div>

<div class="container cf mt20 mb20">
    <div class="product_ifon">
        <h6>裙装</h6>
        <i class="new-circle"></i>
        <span>DRESS</span>
    </div>
    <div class="floor_goods">
    <#if skirts??>
        <#list skirts as skirt>
            <div class="item ml0">
                <a href="/goodInfo?hfUid=${skirt.hfUid?long?c}" target="_blank">
                    <div class="goods_img">
                        <img class="lazy" data-original="${skirt.bigPicture!}"/>
                    </div>
                    <div class="goods_txtx">
                        <div class="info">
                            <div class="fl price">
                                <em class="yuan">¥</em>${skirt.taobaoPrice / 100!}
                            </div>
                            <div class="fr shop-name">${skirt.shopName!}</div>
                        </div>
                        <p>${skirt.title!}</p>
                        <div class="info">
                            <i class="iconfont">&#xe699;</i>
                            <div class="sp">${skirt.shopName!}</div>
                        </div>
                    </div>
                </a>
            </div>
        </#list>
    </#if>
    </div>
</div>


<div class="container cf mt20 mb20">
    <div class="product_ifon">
        <h6>衬衣</h6>
        <i class="new-circle"></i>
        <span>SHIRT</span>
    </div>
    <div class="floor_goods">
    <#if shirts??>
        <#list shirts as shirt>
            <div class="item ml0">
                <a href="/goodInfo?hfUid=${shirt.hfUid?long?c}" target="_blank">
                    <div class="goods_img">
                        <img class="lazy" data-original="${shirt.bigPicture!}"/>
                    </div>
                    <div class="goods_txtx">
                        <div class="info">
                            <div class="fl price">
                                <em class="yuan">¥</em>${shirt.taobaoPrice / 100!}
                            </div>
                            <div class="fr shop-name">${shirt.shopName!}</div>
                        </div>
                        <p>${shirt.title!}</p>
                        <div class="info">
                            <i class="iconfont">&#xe699;</i>
                            <div class="sp">${shirt.shopName!}</div>
                        </div>
                    </div>
                </a>
            </div>
        </#list>
    </#if>
    </div>
</div>

<!--底部-->
<#include "./common/footer.ftl" />
<@footer/>

<!--返回顶部-->
<#--<div class="ju-rbar">
    <div class="toolbar-tab">
        <a href="javascript:void(0)">
            <i class="iconfont">&#xe698;</i>
            <em class="tab-text">购物车</em>
        </a>
    </div>
    <div class="toolbar-tab">
        <a href="javascript:void(0)">
            <i class="iconfont">&#xe69f;</i>
            <em class="tab-text">客服</em>
        </a>
    </div>
    <div class="toolbar-tab">
        <a href="javascript:void(0)">
            <i class="iconfont">&#xe655;</i>
            <em class="tab-text">收藏</em>
        </a>
    </div>
    <div class="toolbar-tab">
        <a href="javascript:void(0)" id="top">
            <i class="iconfont">&#xe607;</i>
            <em class="tab-text">返回顶部</em>
        </a>
    </div>
</div>-->


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript" src="js/lazyload.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript">
    $(function () {
        //banner
        $(".slideBox").slide({
            titCell: ".hd ul",
            mainCell: ".bd ul",
            autoPage: true,
            autoPlay: true,
            effect: "fold",
            delayTime: 2000
        });

        //图片延迟加载
        $("img.lazy").lazyload({
            effect: "fadeIn"
        });
    });

    function getTwoLevlId(firstLevlId) {
        $.ajax({
            url: "/getTwoLevel",
            data: {firstLevel: firstLevlId},
            type: "post",
            success: function (data) {
                var categoryObj = JSON.parse(data);
                $(".con").html("");
                var html = [];
                for (var i = 0; i < categoryObj.length; i++) {
                    html.push("<a href='/showGoodList?categoryId=");
                    html.push(categoryObj[i].secondLevel);
                    html.push("' target='_blank'>");
                    html.push(categoryObj[i].chineseName);
                    html.push("</a>");
                }
                $(".con").append(html.join(''));
            }
        })
    }
</script>
</body>

</html>